.nav {
  height: 44px;
  width: 100%;
  background-color: #8ab700;
  .left {
    margin-left: 60px;
    height: 100%;
    font: 400 18px/44px 'Microsoft YaHei';
    color: #fff;
    display: flex;
    .classification {
      position: relative;
      .title {
        a {
          background: url(//image.benlailife.com/webStatic/images/n_top/n_top_ico_e5a1c5b5.png)
            158px -218px no-repeat #78a000;
          font: 400 18px/44px 'Microsoft YaHei';
          color: #fff;
          padding-left: 35px;
          text-decoration: none;
          display: inline-block;
          width: 174px;
        }
      }
      .classification_list {
        position: absolute;
        width: 100%;
        border: 2px solid #91be16;
        height: 396px;
        background-color: #fff;
        border-top: none;
        z-index: 30;
        dl:hover {
          dt {
            border-top: 1px solid #91be16;
            border-bottom: 1px solid #91be16;
            border-left: 4px solid #91be16;
            padding: 0 3px 0 48px;
            color: #78a000;
            font-size: 14px;
            width: 101%;
          }
          .sort_bg {
            background: url(//image.benlailife.com/webStatic/images/n_top/n_menu_bg02_oc_b129e9e3.png)
              6px -1px no-repeat #fff;
          }
          .sort_bg2014 {
            background: url(//image.benlailife.com/webStatic/images/n_top/n_menu_bg02_oc_b129e9e3.png)
              6px -34px no-repeat #fff;
          }
          dd {
            display: block;
          }
        }
        dl {
          margin: 0;
          padding: 0;
        }
        dt {
          height: 31px;
          line-height: 31px;
          width: 100%;
          position: relative;
          z-index: 37;
          top: 0;
          left: 0;
          padding: 1px 0 1px 50px;
          text-overflow: clip;
          display: block;
          overflow: hidden;
          font-family: 'Microsoft YaHei';
          font-size: 12px;
          color: #4c4c4c;

          a {
            color: inherit;
          }
        }
        dt::after {
          content: '';
          background: url(//image.benlailife.com/webStatic/images/n_top/n_icon12_498beb5a.png)
            0 0 no-repeat;
          display: block;
          width: 6px;
          height: 12px;
          float: right;
          margin: 12px 12px 0 0;
        }
        .sort_bg {
          background: url(//image.benlailife.com/webStatic/images/n_top/n_menu_bg01_oc_b4237de2.png)
            8px 0 no-repeat #fff;
        }
        .sort_bg2014 {
          background: url(//image.benlailife.com/webStatic/images/n_top/n_menu_bg01_oc_b4237de2.png)
            8px -33px no-repeat #fff;
        }

        dd {
          color: #4c4c4c;
          position: absolute;
          top: 0;
          z-index: 36;
          left: 170px;
          margin: 0;
          padding-top: 15px;
          font: caption;
          border-right: 1px solid #8ab700;
          border-bottom: 1px solid #8ab700;
          border-left: 1px solid #8ab700;
          background: #fff;
          display: none;
          height: 100%;
          margin-top: 2px;
          overflow: auto;
          .menu_list {
            ul {
              display: flex;
              flex-direction: column;
              li {
                display: flex;
                justify-content: space-between;
                .list_l {
                  width: 90px;
                  text-align: right;
                  font-weight: 700;
                  font-size: 14px;
                  a {
                    color: #688529;
                  }
                  a:hover {
                    color: orangered;
                    text-decoration: underline;
                  }
                }
                .list_r {
                  width: 430px;
                  em {
                    padding: 0 15px;
                    border-right: 1px solid #4c4c4c;
                    float: left;
                    max-width: 400px;
                    margin: 0 0 17px;
                    font-style: normal;
                    a {
                      font-family: '宋体', 'Arial Narrow', HELVETICA;
                      font-size: 12px;
                      color: #333;
                    }
                    a:hover {
                      color: orangered;
                      text-decoration: underline;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
    ul.nav_list {
      display: flex;
      list-style: none;
      height: 100%;
      li {
        padding: 0 15px;
      }
      li:hover {
        background-color: #79a000;
        cursor: pointer;
      }
    }
  }
}
